<!doctype html>
<html>

<head>
    <title>#title#</title>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0,user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta httpEquiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="keywords"
        content="NBA直播, 火箭直播, 足球直播, 直播吧, 足球比分, 体育新闻, 英超直播, 英超集锦, 西甲直播, 中超直播, 中超集锦, 体育直播, NBA集锦, CBA直播, 篮球直播, 意甲直播, 意甲集锦, 欧冠直播, 欧冠集锦, 看个球直播">
    <meta name="description"
        content="看个球app包揽NBA、英超、西甲、中超、等国内外足球篮球的高清免费视频直播，同时提供实时体育新闻、独家自制的精彩赛事集锦、专业的比分数据以及智能推料，纵览事件全程获悉实时资讯，竭尽全力满足每位球迷的需求和体验感。">
    <link rel="icon" type="image/x-icon" href="/favicon.ico">
    <link rel="stylesheet" href="/css/main_live.css">
    <script rel="preload"  src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
    <script rel="preload"  src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script>
    <script rel="preload"  src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.plugins.min.js"></script>
    <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
    <script rel="preload" src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
</head>

<body>
            <div class="web_view">
                <div class="top">
                    <div class="widlize_1200">
                        <div class="logo web_front"></div>
                        <div class="nav">
                            <a href="/" target="_self" class="link">新闻</a>
                            <a href="/lives.html" target="_self" class="link  nuxt-link-exact-active nuxt-link-active">直播</a>
                        </div>
                    </div>
                </div>
                <div class="display_zoo">
                    <div class="content">
                        <div class="lives widlize_1200 router_view">
                            <div class="left">
                                <div class="nav">
                                    <div class="icon"><span class="web_front i_hot"></span>
                                    </div>
                                    全部
                                </div>
                                <div class="sub_nav"><a
                                        href="/lives/1?type=0&channel_id=0&hot=0" class="link nuxt-link-active"
                                       >全球比赛</a><a href="/lives/1?type=0&channel_id=-1&hot=1"
                                        class="link nuxt-link-exact-active nuxt-link-active"
                                       >热门</a><a href="/lives/1?type=0&channel_id=32&hot=0"
                                        class="link nuxt-link-active">欧冠杯</a><a
                                        href="/lives/1?type=0&channel_id=18&hot=0" class="link nuxt-link-active"
                                       >英超</a><a href="/lives/1?type=0&channel_id=21&hot=0"
                                        class="link nuxt-link-active">西甲</a><a
                                        href="/lives/1?type=0&channel_id=23&hot=0" class="link nuxt-link-active"
                                       >德甲</a><a href="/lives/1?type=0&channel_id=24&hot=0"
                                        class="link nuxt-link-active">法甲</a><a
                                        href="/lives/1?type=0&channel_id=22&hot=0" class="link nuxt-link-active"
                                       >意甲</a><a href="/lives/1?type=0&channel_id=118&hot=0"
                                        class="link nuxt-link-active">NCAA</a><a
                                        href="/lives/1?type=0&channel_id=37&hot=0" class="link nuxt-link-active"
                                       >NBA</a><a href="/lives/1?type=0&channel_id=38&hot=0"
                                        class="link nuxt-link-active">CBA</a><a
                                        href="/lives/1?type=0&channel_id=89&hot=0" class="link nuxt-link-active"
                                       >澳超</a><a href="/lives/1?type=0&channel_id=26&hot=0"
                                        class="link nuxt-link-active">亚冠杯</a><a
                                        href="/lives/1?type=0&channel_id=25&hot=0" class="link nuxt-link-active"
                                       >中超</a><a href="/lives/1?type=0&channel_id=33&hot=0"
                                        class="link nuxt-link-active">欧联杯</a><a
                                        href="/lives/1?type=0&channel_id=28&hot=0" class="link nuxt-link-active"
                                       >韩K联</a><a href="/lives/1?type=0&channel_id=29&hot=0"
                                        class="link nuxt-link-active">日职联</a><a
                                        href="/lives/1?type=0&channel_id=30&hot=0" class="link nuxt-link-active"
                                       >美职业</a><a href="/lives/1?type=0&channel_id=31&hot=0"
                                        class="link nuxt-link-active">中甲</a>
                                    <p class="more"><span class="web_front i_down"
                                           ></span>更多
                                    </p>
                                </div>
                                <div class="nav">
                                    <div class="icon">
                                       <span class="web_front i_soccer"></span>
                                    </div>
                                    足球
                                </div>
                                <div class="sub_nav"><a
                                        href="/lives/1?type=1&channel_id=0&hot=0" class="link nuxt-link-active"
                                       >全球比赛</a><a href="/lives/1?type=1&channel_id=60&hot=0"
                                        class="link nuxt-link-active">英超</a><a
                                        href="/lives/1?type=1&channel_id=61&hot=0" class="link nuxt-link-active"
                                       >西甲</a><a href="/lives/1?type=1&channel_id=63&hot=0"
                                        class="link nuxt-link-active">德甲</a><a
                                        href="/lives/1?type=1&channel_id=64&hot=0" class="link nuxt-link-active"
                                       >法甲</a><a href="/lives/1?type=1&channel_id=62&hot=0"
                                        class="link nuxt-link-active">意甲</a><a
                                        href="/lives/1?type=1&channel_id=90&hot=0" class="link nuxt-link-active"
                                       >澳超</a><a href="/lives/1?type=1&channel_id=66&hot=0"
                                        class="link nuxt-link-active">亚冠杯</a><a
                                        href="/lives/1?type=1&channel_id=72&hot=0" class="link nuxt-link-active"
                                       >欧冠杯</a><a href="/lives/1?type=1&channel_id=73&hot=0"
                                        class="link nuxt-link-active">欧联杯</a><a
                                        href="/lives/1?type=1&channel_id=65&hot=0" class="link nuxt-link-active"
                                       >中超</a><a href="/lives/1?type=1&channel_id=68&hot=0"
                                        class="link nuxt-link-active">韩K联</a><a
                                        href="/lives/1?type=1&channel_id=70&hot=0" class="link nuxt-link-active"
                                       >美职业</a><a href="/lives/1?type=1&channel_id=69&hot=0"
                                        class="link nuxt-link-active">日职联</a><a
                                        href="/lives/1?type=1&channel_id=71&hot=0" class="link nuxt-link-active"
                                       >中甲</a>
                                    <p class="more"><span class="web_front i_down"
                                           ></span>更多
                                    </p>
                                </div>
                                <div class="nav">
                                    <div class="icon">
                                         <span class="web_front i_basket"></span></div>
                                    篮球
                                </div>
                                <div class="sub_nav"><a
                                        href="/lives/1?type=2&channel_id=0&hot=0" class="link nuxt-link-active"
                                       >全球比赛</a><a href="/lives/1?type=2&channel_id=79&hot=0"
                                        class="link nuxt-link-active">NBA</a><a
                                        href="/lives/1?type=2&channel_id=80&hot=0" class="link nuxt-link-active"
                                       >CBA</a><a href="/lives/1?type=2&channel_id=105&hot=0"
                                        class="link nuxt-link-active">NCAA</a>
                                </div>
                            </div>
                            <div class="game_list">
                                <DatePicker mode="date" rows="1" title-position="left"
                                    first-day-of-week="1" 
                                    class="date_pick">
                                    <div class="select"><span class="web_front calendar"
                                           ></span>
                                        <p class="p">日期筛选 <input type="text" id="datepicker"></p>
                                    </div>
                                </DatePicker>
                                <div class="list">列表加载中...</div>
                            </div>
                        </div>
                        <footer class="footer">
                            <div class="widlize_1200">
                                &nbsp;
                            </div>
                        </footer>
                    </div>
                </div>
                <div class="side_float">
                    <div class="qr_code">
                        <div class="code_wapper"></div>
                        <div class="text">
                            扫码下载App
                            <br>畅享高清直播
                        </div>
                    </div>
                </div>
            </div>
            <input type="hidden" id="initData" value="initDataValue" />
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.plugins.min.js"></script>
    <script type="text/javascript" src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
    <script type="text/javascript">
    jQuery(function($){ 
          $.datepicker.regional['zh-CN'] = {
              clearText: '清除', 
              clearStatus: '清除已选日期', 
              closeText: '关闭', 
              closeStatus: '不改变当前选择', 
              prevText: '< 上月', 
              prevStatus: '显示上月', 
              prevBigText: '<<', 
              prevBigStatus: '显示上一年', 
              nextText: '下月>', 
              nextStatus: '显示下月', 
              nextBigText: '>>', 
              nextBigStatus: '显示下一年', 
              currentText: '今天', 
              currentStatus: '显示本月', 
              monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'], 
              monthNamesShort: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'], 
              monthStatus: '选择月份', 
              yearStatus: '选择年份', 
              weekHeader: '周', 
              weekStatus: '年内周次', 
              dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'], 
              dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'], 
              dayNamesMin: ['日','一','二','三','四','五','六'], 
              dayStatus: '设置 DD 为一周起始', 
              dateStatus: '选择 m月 d日, DD', 
              dateFormat: 'yy-mm-dd', 
              firstDay: 1, 
              initStatus: '请选择日期', 
              isRTL: false}; 
          $.datepicker.setDefaults($.datepicker.regional['zh-CN']); 
      });
    var nextPage = 2;
    var loaddingPage = {};
    $(function(){
        var initData = $("#initData").val().split(",");
        var type = initData[0];
        var channel_id = initData[1];
        var hot = initData[2];
        var date = initData[3];
        if(date){
            $( "#datepicker" ).val(date);
        }
        $( "#datepicker" ).datepicker({
              showOtherMonths: true,
              selectOtherMonths: true,
              showButtonPanel: true,
              showOn: "both",
              buttonImageOnly: true,
              buttonText: "",
              changeMonth: true,
              changeYear: true
          });
          $( "#datepicker" ).change((e)=>{
             var input = e.target;
             if(date!=input.value){
                date = input.value;
                location.href="/lives/1?type="+type+"&channel_id="+channel_id+"&hot="+hot+"&date="+date;
             }

          });
        $('.lazy').Lazy();
        activeA = "type="+type+"&channel_id="+(hot==1?"-1":channel_id)+"&hot="+hot;
        $(".sub_nav").each((idx,el)=>{
            $(el).find("a").each((n,a)=>{
                if(a.href.indexOf(activeA)!=-1){
                    a.className = a.className + " active";
                    if(n>3){
                        $(el).css({"overflow":"auto","height":"auto"}).find(".more").remove();
                    }
                }
            });
        });

        $(window).scroll(function(){   //开始监听滚动条
            var top = $(document).scrollTop();  //滚动条距离顶部的高度
            var gameList = $(".game_list");
            var gameListHeight = gameList.height();
            var insertAfter=gameList.find(".item:last");
            if(top > gameListHeight/2 && nextPage > 0 && !loaddingPage["_"+nextPage]){
                loaddingPage["_"+nextPage] = true;
                var apiUrl = "/api/web/live?type="+type+"&channel_id="+channel_id+"&hot="+hot+"&page="+nextPage;
                if(date && date!=""){
                    apiUrl = apiUrl+"&date="+date;
                }

                $.getJSON(apiUrl,function(matchdata){
                    loaddingPage["_"+nextPage] = false;
                    dateTitle = gameList.find(".list_title:last").text();
                    if (matchdata.data) {
                        var html = [];
                        for (var i = 0; i < matchdata.data.length; i++) {
                            playtime = new Date(parseInt(match.match_time)*1000)
                            var year = playtime.getFullYear();
                            var month = playtime.getMonth()+1;
                            var d = playtime.getDate();
                            var hour = playtime.getHours();
                            var minute = playtime.getMinutes();
                            match_date = year + "-" + (month<10?"0"+month:month) + "-" + (d<10?"0"+d:d);
                            match_time= ""+(hour<10?"0"+hour:hour)+":"+(minute<10?"0"+minute:minute);
                            if (dateTitle != match_date) {
                                dateTitle = match_date
                                html.push('<p class="list_title">'+dateTitle+'</p>');
                            }
                            html.push('<div class="item" data-mid="'+match.mid+'" data-match_time="'+match.match_time+'" data-match_id="'+match.match_id+'"><div class="right">'+match_time+'</div> <div class="center"><p class="p right">'+match.home.name+'</p> <div class="img_wapper"><img class="img lazy_brand lazy" data-src="'+match.home.logo+'" ></div> <p class="point right">'+match.home.score+'</p> <div class="detail"><p class="small"><span data-id="'+match.event_id+'">'+match.event_name+'</span> <span></span></p> <p class="big">'+match.statusInfo+'</p></div> <p class="point left">'+match.visiting.score+'</p> <div class="img_wapper"><img class="img lazy_brand lazy" data-src="'+match.visiting.logo+'"></div> <p class="p left">'+match.visiting.name+'</p></div> <div class="right"><a href="javascript:void(0);" class="link b_gray"><span class="web_front data"></span>数据</a></div></div>');
                        }
                        $(html.join("")).insertAfter(insertAfter);
                        $('.lazy').Lazy();
                        if(matchdata.data.length < 50){
                            nextPage = 0;
                        }else{
                            nextPage += 1;
                        }
                    }else{
                        nextPage = 0;
                    }
                });
            }
        });
        function moreClick(e){
            obj = e.target;
            jObj = $(obj);
            jObj.parent(".sub_nav").css({"overflow":"auto","height":"auto"});
            obj.remove();
            moreClick = function(){};
        }
        $(".more").click(moreClick);
    });
    </script>
</body>
</html>